<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表页</title>
		<link rel="stylesheet" href="./Public/Home/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
		<script type="text/javascript" src='./Public/Home/jquery.min.js'></script>
		<script type="text/javascript" src='./Public/Home/bootstrap-3.3.5-dist/js/bootstrap.min.js'></script>
		<link rel="stylesheet" href="./Public/Home/css/index.css" />
		<link rel="stylesheet" href="./Public/Home/css/list.css" />
		<link rel="stylesheet" href="./Public/Home/css/list_special.css" />
		<script type="text/javascript" src='./Public/Home/js/index.js'></script>		
	</head>
	<style type="text/css">
		.licolor{
			color: orangered;
		}
	</style>
	<body>
		<!--公共头部开始-->
		<div class="topCommon">
			<div class="small_banner">
				<div class="top_banner"></div>
				<a href=""></a>
			</div>
			<div class="top_nav" style="z-index: 5;">
				<div class="view_area">
					<ul class="view_area_l">
						<li><a href="">时尚商城</a></li>
						<li><a href="">首尔站</a></li>
						<li class="ip">
							<a href="">
								<i class="glyphicon glyphicon-phone"></i>
								手机优购
								<span class="caret"></span></a>
								<div class="wx">
									<div class="dv1 fl"></div>
									<a href=""><div class="dv2 fl"></div></a>
									<a href=""><div class="dv3 fl"></div></a>
									<div class="la fl">安装优购客户端</div>
								</div>
						</li>
					</ul>
					<ul class="view_area_r">
						
						                
							<a class="link kt" href="">欢迎 &nbsp;
								<span class="red" style="">999@sina.com</span>&nbsp;回来
							</a>&nbsp;&nbsp;
							 <a class="link" href="http://127.0.0.1:8080/c58LianXi/Dcember/YouGoushop/index.php?m=Home&c=Login&a=out">退出</a>
												<a class="link fx" href="http://127.0.0.1:8080/c58LianXi/Dcember/YouGoushop/index.php?m=Home&c=Center&a=index">
							我的优购<span class="caret"></span>
							<div class="hid">&nbsp;&nbsp;我的收藏</div>
						</a>
						<a class="link" href="http://127.0.0.1:8080/c58LianXi/Dcember/YouGoushop/index.php?m=Home&c=Center&a=myindent">我的订单</a>
						<li class="cil">
							<a class="link fy" href="" style="z-index: 100;">
							公告<span class="caret"></span>
							<ul class="hiy" style="z-index: 10;" >
								<li><a href="">新年翻新样 运动￥89起</a></li>
								<li><a href=""> 精美舒适低跟靴 ￥99起 </a></li>
								<li><a href=""> 首尔卫衣特卖场 70%OFF </a></li>
								<li><a href=""> 优购首尔站 停发货详情 </a></li>
								<li><a href=""> 提醒会员谨防诈骗电话 </a></li>
							</ul>
							</a>
						</li>
						<li class="fz">
							<a class="link" href="">
							更多<span class="caret">	
							<ul class="hz" style="z-index: 100;" >
								<li><a href="">收藏优购</a></li>
								<li>&nbsp;&nbsp;<a href="">帮助</a></li>
							</ul>
						</a>
						</li>
						
					</ul>
				</div>
			</div>
		</div>
		<div id="serach">
			<div class="logo"><a href=""><img src="./Public/Home/images/logo.png"/></a></div>
			<form action="" method="post">
				<input type="text" class="key" value="" />
				<!--<span class="iconfont">&#xe618;</span>-->
				<input type="submit" class="sub" value="搜索" />
			</form>
			<div class="shop" >
				<p>
					<a href="http://127.0.0.1:8080/c58LianXi/Dcember/YouGoushop/index.php?m=Home&c=Indent&a=index"><span class="glyphicon glyphicon-shopping-cart">	&nbsp;
					</span>购物车(0)&nbsp;&nbsp;<span class="caret"></a>
				</p>
			</div>
			<p class="shopdown">香港上市公司百丽旗下购物网站</p>
			<ul>
				
				
				<li><a href="">2件￥199&nbsp;|</a></li>
				<li><a href="">跑步鞋&nbsp;|</a></li>
				<li><a href="">靴子&nbsp;|</a></li>
				<li><a href="">毛毛虫&nbsp;|</a></li>
				<li><a href="">冲锋衣&nbsp;|</a></li>
				<li><a href="">羽绒服&nbsp;|</a></li>
				<li><a href="">卫衣&nbsp;|</a></li>
				<li><a href="">冬装&nbsp;|</a></li>
				<li><a href="">百丽旗下4折封顶</a></li>
			</ul>
		</div>
		<div class="cate_nav">
			<div class="catenav">
				<ul class="allshop"><a href="">全部商品分类</a></ul>
				<ul class="shoplist">
															                
					<li><a href="http://127.0.0.1:8080/c58LianXi/Dcember/YouGoushop/index.php?m=Home&c=List&a=index&cid=1">男装女装</a></li>
					
               									</ul>
				<ul class="meb">
					<li><a href="">会员中心</a></li>
					<li><a href="">秒杀</a></li>
					<li><a href="">潮流馆</a></li>
				</ul>
			</div>
		</div>
		<div class="cut"></div>
		<!--公共头部结束-->

		<!--您已选择-->
		<div id="allcate" class="_w100">
			<div class="allcate _container">		
				<li>全部商品分类</li>
				<li><a href="">全部分类 </a></li>
				<?php foreach ($fatherCate as $v){?>
				<li>
					<a href="<?php echo U('List/index',array('cid'=>$v['cid']))?>" <?php if($_GET['cid']==$v['cid']){?>
                class="licolor"
               <?php }?>>
					<span class="glyphicon glyphicon-menu-right"></span>&nbsp;&nbsp;<?php echo $v['cname']?>&nbsp;
					<span class="glyphicon glyphicon-menu-down" aria-hidden=""></a></span>					
				</li>
				<?php }?>
			</div>
		</div>
		<!--品牌-->
		<div class="_w100">
			<div class="brand _container">
				<div class="brand_f1 f1">品牌</div>
				<div class="brand_f1 f2">
					<?php foreach ($brand as $v){?>
					<a href="" class="aa" style="margin-right: 5px;">
						<img src="<?php echo $v['logo']?>" alt="" style="width: 100px;height: 50px;"/>
					</a>
					<div class="cut"></div>
					<?php }?>
					<p class="many "><a href=""><span class="glyphicon glyphicon-plus"></span>多选</a></p>
					<p class="more "><a href="">更多<span class="glyphicon glyphicon-menu-down"></span></a></p>
				</div>
				<div class="aboutcate">
					<div class="aboutwords"><div class="xg">相关分类</div></div>
					<ul>
						<li><a href="">短靴(238)</a></li>
						<li><a href="">12</a></li>
						<li><a href="">11</a></li>
						<li><a href="">11</a></li>
						<li><a href="">11</a></li>
						<li><a href="">11</a></li>
						<li><a href="">113</a></li>
						<li><a href="">455</a></li>
						<li><a href="">中长款(959)</a></li>
					</ul>
				</div>
				<?php foreach ($goodsAttr as $k=>$v){?>
				<div class="ruler">
					<div class="aboutwords"><div class="xg"><?php echo $v['name']?></div></div>
					<ul>
						<?php 
							$temp = $param;
							$temp[$k] = 0;
						?>
						<?php foreach ($v['value'] as $value){?>
						<?php 
								$temp[$k] = $value['gaid'];
						?>
						<li><a href="<?php echo U('List/index',array('cid'=>$_GET['cid'],'param'=>implode('_',$temp)))?>""><?php echo $value['gvalues']?></a></li>
						<?php }?>
						<p class="many ">
							<a href="javascript:;">
								<span class="glyphicon glyphicon-plus"></span>多选
							</a>
						</p>
						<?php if($v['name']=='尺码'){?>
                
						<p class="more ">
							<a href="javascript:;">更多<span class="glyphicon glyphicon-menu-down"></span></a>
						</p>
						
               <?php }?>
					</ul>
				</div>
				<?php }?>
				<!--更多筛选-->
				<div class="morchose">
					<div class="aboutwords"><div class="xg">更多筛选</div></div>
					<ul>
						<li><a href="">闭合方式&nbsp;<span class="glyphicon glyphicon-menu-down" aria-hidden=""></a></li>
						<li><a href="">12</a></li>
					
						<li><a href="">113</a></li>
						<li><a href="">455</a></li>
						<li><a href="">风格&nbsp;<span class="glyphicon glyphicon-menu-down" aria-hidden=""></a></a></li>
						
						
					</ul>
				</div>
			</div>
		</div>
		<!--排序方式-->
		<div class="_w100">
			<div class="order _container">
				<li>排序方式:</li>
				<li><a href="">默认</a></li>
				<li ><a href="" style="background: background:red;">销量</a></li>
				<li><a href="">新品</a></li>
				<li><a href="">价格<span class=" glyphicon glyphicon-arrow-down"></span></a></li>
				<li><a href="">折扣<span class=" glyphicon glyphicon-arrow-down"></span></a></li>
				<input type="text" name="" id="" placeholder="￥" class="text"/>-
				<input type="text" name="" id="" placeholder="￥" class="text"/>
				<input type="checkbox" name="" id="" />15年<input type="checkbox" name="" id="" />15年
				<div class="next fr"><a href="">下一页<span class="glyphicon glyphicon-triangle-right"></span>	</a></div>
				<div class="next1 fr"><a href="">	<span class="glyphicon glyphicon-triangle-left"></span>	</a></div>
				<div class="nex fr"><a href=""><span>1</span>/<span>19</span></a></div>
				<div class="ne fr">共找到<a href="">555</a>件商品</div>
			
			</div>
		</div>
		<!--鞋子列表-->
		<div id="shoot_pic" class="_w100">
			
			<ul class="shoot_pic _container">
				<?php foreach ($goods as $v){?>
				<li>
					<div class="img"><a href="<?php echo U('Content/index',array('gid'=>$v['gid'],'cid'=>$v['category_cid']))?>"><img src="<?php echo $v['listview']?>" alt="" /></a></div>
					<p class="des"><a href="<?php echo U('Content/index',array('gid'=>$v['gid'],'cid'=>$v['category_cid']))?>">限时抢购</a></p>
					<p><a href="<?php echo U('Content/index',array('gid'=>$v['gid'],'cid'=>$v['category_cid']))?>"><?php echo $v['gname']?> </a></p>
					<p><span class="now">￥<?php echo $v['shopprice']?></span>&nbsp;&nbsp;<span class="old">￥<?php echo $v['mkprice']?></span></p>			
				</li>
			<?php }?>
			</ul>
			
		</div>
<!--公共底部开始-->
	<!--底部品牌区域-->
<div class="div">
	<div id="brand_bottom" class="_w10">
		<div class="brand_bottom _containe">
			<div class="brand_lis jz">
				<li><a href=""><img src="./Public/Home/images/brand_bot_1.jpg" alt="" /><p>耐克</p></a></li>
				<li><a href=""><img src="./Public/Home/images/brand_bot_1.jpg" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="./Public/Home/images/brand_bot_1.jpg" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="" alt="" /></a></li>
				<li><a href=""><img src="./Public/Home/images/brand_bot_1.jpg" alt="" /><p>耐克</p></a></li>
				<li><a href=""><img src="./Public/Home/images/brand_bot_1.jpg" alt="" /><p>耐克</p></a></li>
			</div>
			<ul class="brand_bottom_words jz">
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
				<li class="fl">
					<p class="hd1 fl"><a href="">时尚运动</a></p>
					<p class="hd2 fl">
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						<a href="">跑步鞋</a>
						
					</p>
					<p class="hd3 fr">
						<a href="">更多&nbsp;&nbsp;>></a>
					</p>
				</li>
			</ul>
		</div>
	</div>
	<!--正品保证-->	 
	<ul id="pro" class="_w10">
		<ul class="pro _containe">
			<li><a href=""><span>100%</span>正品保证</a></li>
			<li><a href=""><span>10天</span>退换货</a></li>
			<li><a href=""><span>10天</span>补差价</a></li>
			<li><a href=""><span>7*24小时</span>在线客服</a></li>
		</ul>
	</ul>
	<!--服务开始-->
	<div id="service" class="_w10">
		<div class="service _containe">
			<ul class="lef" style="margin-left: 10px;">
				<li class="big">新手帮助</li>
				<li><a href="">购物流程</a></li>
				<li><a href="">会员介绍</a></li>
				<li><a href="">会员积分详情</a></li>
				
			</ul>
			<ul class="lef">
				<li class="big">购物指南</li>
				<li><a href=""> 配送服务查询</a></li>
				<li><a href="">配送费收取标准</a></li>
				<li><a href="">海外配送</a></li>
			</ul>
			<ul class="lef">
				<li class="big">支付方式</li>
				<li><a href="">货到付款</a></li>
				<li><a href="">在线支付</a></li>
				<li><a href="">分期付款</a></li>
				
			</ul>
			<ul class="lef">
				<li class="big">售后服务</li>
				<li><a href="">售后政策</a></li>
				<li><a href="">价格保护</a></li>
			
			
			</ul>
			<ul class="lef">
				<li class="big">会员服务</li>
				<li><a href="">找回密码</a></li>
				<li><a href="">联系我们</a></li>
			</ul>
	  		<ul class="mid">
				<li class="big">优购服务</li>
				<li><a href="">在线咨询</a></li>
				<li><a href="">Email:  <span>service@yougou.com</span>
				</a></li>
			</ul>
			<p class="mob1 fr"><a href=""><img src="./Public/Home/images/mob1.jpg" alt="" /></a></p>
			<p class="mob2 fr"><a href=""><img src="./Public/Home/images/mob2.jpg" alt="" /></a></p>
		</div>
	</div>
	<!--最底部开始-->
  	<div id="last" class="_w10">
  		<div class="last _containe">
  			<div class="l_img">
  				<a href=""><img src="./Public/Home/images/last_1.gif" alt="" /></a>
  			</div>
  			<p class="about">
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>|
  				<a href="">关于优购</a>
  			</p>
  			<p class="copy">Copyright © 2011-2015 Yougou Technology Co., Ltd.    <a>粤ICP备09070608号-4</a> 增值电信业务经营许可证：   <a>粤 B2-20090203</a> 深公网安备：4403101910665</p>
  			<div class="pic">
  				<a href=""><img src="./Public/Home/images/last_2.png" alt="" /></a>
  				<a href=""><img src="./Public/Home/images/last_3.png" alt="" /></a>
  				<a href=""><img src="./Public/Home/images/last_4.jpg" alt="" /></a>
  				<a href=""><img src="./Public/Home/images/last_5.png" alt="" /></a>
  			</div>
  		</div>
  	</div>
</div>		
		
	<span class=""></span>	
		
		
		
		
		
		
		
		
	</body>
</html>
